<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/searchList.css"/>
	<body>
		<div id="web">
			<header class="clearfix">
				<div class="logo fl">
					<div>
						<img src="img/logo.png" />
					</div>
				</div>
				<ul class="navbar fl clearfix">
					<li><a href="index.html">首页</a></li>
					<li>
						<a href="">骑行</a>
						<div class="header-info clearfix">
							<div class="fl clearfix">
								<h4>普通版</h4>
								<ul class="text fl">
									<li><a href=""">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
									<li><a href="">儿童版短袖</a></li>
									<li><a href="">儿童版长袖</a></li>
								</ul>
							</div>
							<div class="fl clearfix">
								<h4>竞技版</h4>
								<ul class="fl">
									<li><a href="">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="">铁三</a></li>
					<li><a href="">跑步</a></li>
					<li><a href="">设计师入驻</a></li>
					<li>
						<a href="shopList.html">品牌专区</a>
					</li>
				</ul>
				<ul class="nav-img fl clearfix">
					<li>
						<div class="search">
							<input type="search"  placeholder="上衣"/>
							<input type="image" onclick="window.location.href='search.html'" src="img/search.gif" />
						</div>
					</li>
					<li>
						<div class="shop_car" onclick="window.location.href='BE-Project/flow1.html'">
							<img src="img/shopping_car.png"/>
						</div>
					</li>
					<li class="per">
						<div class="person">
							<img src="img/person.png"/>
						</div>
						<div class="lo">
							<p><a href="login.html">登录</a></p>
							<p><a href="reg.html">注册</a></p>
							<p><a href="openShop.html">我要开店</a></p>
						</div>
					</li>
					<li>
						<div class="tel">
							<img src="img/tel.jpg"/>
						</div>
					</li>
					<li>
						<div class="language">
							<img src="img/language.png" />
						</div>
					</li>
				</ul>
			</header>
			<div class="title">
				<p>
					<span><a href="">首页</a></span>
					<span>></span>
					<strong><a href=""><a href="">搜索</a></strong>
				</p>
			</div>
			<section class="clearfix">
					<ul class="searchList fl">
						<li><a href="">品类</a></li>
						<li><a href="searchList.html">骑行服</a></li>
						<li><a href="searchList.html">儿童骑行服</a></li>
						<li><a href="searchList.html">铁三服</a></li>
						<li><a href="searchList.html">连体服</a></li>
						<li><a href="searchList.html">上衣</a></li>
					</ul>
				<article class="fr">
					<p class="searchinfo">
						<span>搜索结果</span>
					</p>
					<div class="screen">
						<div class="title">
							<span>已选条件:</span>
							<div class="btn">
								<span>adidas</span>
								<input type="button" value="X" />
							</div>
						</div>
						<div class="ad clearfix">
							<span class="fl">品牌:</span>
							<ul class="fl clearfix">
								<li><a href="">adidas </a></li>
								<li><a href="">Aqua Sphere </a></li>
								<li><a href="">Nike</a></li>
								<li><a href="">Aqua Sphere</a></li>
								<li><a href="">adidas Originals </a></li>
								<li><a href="">Arena</a></li>
								<li><a href="">47 Brand </a></li>
								<li><a href="">Arena</a></li>
							</ul>
							<input type="image" src="img/searchList/more.jpg"/>
							<input type="image" src="img/searchList/choose.jpg"/>
						</div>
						<div class="seo clearfix">
							<span class="fl">品牌:</span>
							<span class="fl">
								<a href="">全部</a>
								<a href="">0~9</a>
								<a href="">A</a>
								<a href="">B</a>
								<a href="">C</a>
								<a href="">D</a>
								<a href="">E</a>
								<a href="">F</a>
								<a href="">G</a>
								<a href="">H</a>
								<a href="">I</a>
								<a href="">J</a>
								<a href="">K</a>
								<a href="">L</a>
								<a href="">M</a>
								<a href="">N</a>
								<a href="">O</a>
								<a href="">P</a>
								<a href="">Q</a>
								<a href=""></a>
								<a href="">R</a>
								<a href="">S</a>
								<a href="">T</a>
								<a href="">U</a>
								<a href="">V</a>
								<a href="">W</a>
								<a href="">X</a>
								<a href="">Y</a>
								<a href="">Z</a>
							</span>
							<div class="search fl">
								<input type="text" />
								<input type="image" src="img/searchList/search.png" />
							</div>
							<div class="checkbox fl clearfix">
								<ul class="fl clearfix">
									<li>
										<input type="checkbox" id="adidas" />
										<label for="adidas">adidas</label>
									</li>
									<li>
										<input type="checkbox" id="1" />
										<label for="1">Aqua Sphere</label>
									</li>
									<li>
										<input type="checkbox" id="Nike" />
										<label for="Nike">Nike</label>
									</li>
									<li>
										<input type="checkbox" id="Aqua Sphere" />
										<label for="Aqua Sphere">Aqua Sphere</label>
									</li>
									<li>
										<input type="checkbox" id="adidas Originals" />
										<label for="adidas Originals">adidas Originals</label>
									</li>
									<li>
										<input type="checkbox" id="2" />
										<label for="2">Arena</label>
									</li>
									<li>
										<input type="checkbox" id="47 Brand" />
										<label for="47 Brand">47 Brand</label>
									</li>
									<li>
										<input type="checkbox" id="Arena" />
										<label for="Arena">Arena</label>
									</li>
											<li>
										<input type="checkbox" id="adidas" />
										<label for="adidas">adidas</label>
									</li>
									<li>
										<input type="checkbox" id="Aqua Sphere" />
										<label for="Aqua Sphere">Aqua Sphere</label>
									</li>
									<li>
										<input type="checkbox" id="Nike" />
										<label for="Nike">Nike</label>
									</li>
									<li>
										<input type="checkbox" id="3" />
										<label for="3">Aqua Sphere</label>
									</li>
									<li>
										<input type="checkbox" id="adidas Originals" />
										<label for="adidas Originals">adidas Originals</label>
									</li>
									<li>
										<input type="checkbox" id="4" />
										<label for="4">Arena</label>
									</li>
									<li>
										<input type="checkbox" id="47 Brand" />
										<label for="47 Brand">47 Brand</label>
									</li>
									<li>
										<input type="checkbox" id="1" />
										<label for="1">Arena</label>
									</li>
								</ul>
								<div class="scroll fr">
									<div></div>
								</div>
							</div>
							<input class="active fl"  type="button" value="确认" />
							<input class="fl" type="button" value="取消" />
						</div>
						<div class="price">
							<span>价格:</span>
							<span><a href="">￥0-￥399</a></span>
							<span><a href="">￥440-￥689</a></span>
							<span><a href="">￥690-￥1599</a></span>
							<span><a href="">￥690-￥1599</a></span>
							<span><a href="">￥</a></span>
							<input type="text" placeholder="690" />
							<span>-</span>
							<input type="text" placeholder="" />
							<input type="button" value="确认" />
						</div>
						<div class="price">
							<span>季节:</span>
							<span><a href="">春季</a></span>
							<span><a href="">夏季</a></span>
							<span><a href="">秋季</a></span>
							<span><a href="">冬季</a></span>
							<span><a href="">四季</a></span>
							<span></span>
						</div>
						<div class="updown">
							<ul class="clearfix">
								<li>
									<span>最新</span>
									<input type="button" />
									<input type="button" />
								</li>
								<li>
									<span>销量</span>
									<input type="button" />
									<input type="button" />
								</li>
								<li>
									<span>评价</span>
									<input type="button" />
									<input type="button" />
								</li>
								<li>
									<span>价格</span>
									<input type="button" />
									<input type="button" />
								</li>
							</ul>
						</div>
					</div>
					<div class="shop">
						<div class="article-shop">
							<ul class="pro-shop clearfix">
							<li>
								<div>
									<img src="img/searchList/1.jpg" alt="" />
								</div>
								<div>
									<strong>女士骑行服长袖</strong>
									<span>¥299</span>
									<input type="image" src="img/searchList/4.jpg"/>
								</div>
							</li>
							<li>
								<div>
									<img src="img/searchList/2.jpg" alt="" />
								</div>
								<div>
									<strong>男士骑行连体服</strong>
									<span>¥299</span>
									<input type="image" src="img/searchList/5.jpg"/>
								</div>
							</li>
							<li>
								<div>
									<img src="img/searchList/3.jpg" alt="" />
								</div>
								<div>
									<strong>女士骑行上衣</strong>
									<span>¥299</span>
									<input type="image" src="img/searchList/6.jpg"/>
								</div>
							</li>
						</ul>
						</div>
						<div class="article-shop">
							<ul class="pro-shop clearfix">
							<li>
								<div>
									<img src="img/searchList/7.jpg" alt="" />
								</div>
								<div>
									<strong>女士骑行服长袖</strong>
									<span>¥299</span>
									<input type="image" src="img/searchList/4.jpg"/>
								</div>
							</li>
							<li>
								<div>
									<img src="img/searchList/8.jpg" alt="" />
								</div>
								<div>
									<strong>男士骑行连体服</strong>
									<span>¥299</span>
									<input type="image" src="img/searchList/5.jpg"/>
								</div>
							</li>
							<li>
								<div>
									<img src="img/searchList/9.jpg" alt="" />
								</div>
								<div>
									<strong>女士骑行上衣</strong>
									<span>¥299</span>
									<input type="image" src="img/searchList/6.jpg"/>
								</div>
							</li>
						</ul>
						</div>
						<div class="article-shop">
							<ul class="pro-shop clearfix">
							<li>
								<div>
									<img src="img/searchList/1.jpg" alt="" />
								</div>
								<div>
									<strong>女士骑行服长袖</strong>
									<span>¥299</span>
									<input type="image" src="img/searchList/4.jpg"/>
								</div>
							</li>
							<li>
								<div>
									<img src="img/searchList/2.jpg" alt="" />
								</div>
								<div>
									<strong>男士骑行连体服</strong>
									<span>¥299</span>
									<input type="image" src="img/searchList/5.jpg"/>
								</div>
							</li>
							<li>
								<div>
									<img src="img/searchList/3.jpg" alt="" />
								</div>
								<div>
									<strong>女士骑行上衣</strong>
									<span>¥299</span>
									<input type="image" src="img/searchList/6.jpg"/>
								</div>
							</li>
						</ul>
						</div>
					</div>
				</article>
			</section>
			<div class="page clearfix">
				<ul class="link fr clearfix">
					<li><button><</button></li>
					<li class="active"><button>1</button></li>
					<li><button>2</button></li>
					<li><button>3</button></li>
					<li><button>...</button></li>
					<li><button>></button></li>
					<li>
						<button>跳至</button>
					</li>
					<li class="clearfix">
						<input class="fl" type="text" />
						<span class="fr">页</span>
					</li>
					<li><button>跳转</button></li>
				</ul>
			</div>
			<footer>
				<div class="list clearfix">	
					<div class="foot-logo fl">
						<img src="img/foot-logo.png"/>
					</div>
					<div class="foot-list fl clearfix">
						<div>
							<ul>
								<li><a href="">新手指南</a></li>
								<li><a href="">用户注册</a></li>
								<li><a href="">定制流程</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">付款方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">支付问题</a></li>
								<li><a href="">常见问题</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">售后服务</a></li>
								<li><a href="">退款换货</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">联系我们</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">政策条款</a></li>
								<li><a href="">服务协议</a></li>
								<li><a href="">隐私条款</a></li>
								<li><a href="">版权条款</a></li>
							</ul>
						</div>
					</div>
				</div>
				<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</footer>
		</div>
	</body>
</html>
